@media screen and (min-width: 500px){
.gif img{
  display: inline-block;
  height: 90%;
}
}
@media screen and (max-width: 500px){
.gif img{
  display: inline-block;
  height: 70%;
}
}
body{
	margin: 0;
}
.lines{
	position: relative;
	z-index: 1000;
}
.lines .topline{
	position: fixed;  
	top: 0; 
	width: 100%;
	height: 16px;
	background-color: #062527;
}
.lines .bottomline{
	position: fixed;  
	bottom: 0;
	width: 100%;
	height: 16px;
	background-color: #0b4a4f;
}
.lines .leftline{
	position: fixed;
	left: 0;
	top: 0; 
	height:100%; 
	width:16px;
	background:url(../img/left.jpg) no-repeat 0 0;
}
.lines .rightline{
	position: fixed;  
	right: 0;
	top: 0; 
	height:100%; 
	width:16px;
	background:url(../img/right.jpg) no-repeat 0 0;
}                                                         /*4lines用于3个页面的lines样式*/
.bcg-welcome{
	position:fixed;
	right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    background: url(../img/welcome-bcg.jpg) no-repeat center center;
    background-size: cover;
    z-index: -1;
}                                  
.gif{
	position: absolute;
	z-index: 2;
	top: 340px;
	width: 100%;
	height: 150px;
	text-align: center;
	user-select:none;
}

/*以下全部是按钮*/

.navigation-trigger{
    border: none;
    height: 65px;
    position: fixed;
    z-index: 999999;
    background: rgba(0, 0, 0, 0.3);
    right: 16px;
    top: 50%;
    margin-top: -46px;
}
.navigation-trigger:focus {
    outline: none;
}
.navigation-trigger,
.navigation-trigger .icon-container{
    width: 93px;
    cursor: pointer;
}
.navigation-trigger .icon-container{
    height: 18px;
    position: absolute;
    top: 24px;
    left: 0;
    backface-visibility: hidden;
}                                        
.navigation-trigger .navigation-line{
	background-color: #fff;
    position: absolute;
    left: 28px;
    right: 28px;
    height: 3px;
    transition: all 300ms cubic-bezier(.215, .61, .355, 1);
    transform: translate3d(0, 0, 0);
}
.navigation-trigger .navigation-line01{
    top: 0;
    opacity: 1;
    transition-delay: 210ms;
}
.navigation-trigger .navigation-line02{
    top: 7px;
    transition-delay: 140ms;
}
.navigation-trigger .navigation-line03{
    top: 14px;
    transition-delay: 70ms;
}
.navigation-trigger .navigation-line04{
    top: 21px;
    opacity: 0;
    transition-delay: 0ms;
}
.navigation-trigger:hover .navigation-line {
  transform: translate3d(0, -7px, 0);
}
.navigation-trigger:hover .navigation-line01 {
  opacity: 0;
  transition-delay: 0ms;
}
.navigation-trigger:hover .navigation-line02 {
  transition-delay: 70ms;
}
.navigation-trigger:hover .navigation-line03 {
  transition-delay: 140ms;
}
.navigation-trigger:hover .navigation-line04 {
  opacity: 1;
  transition-delay: 200ms;
}
.show-cover .navigation-trigger .navigation-line {
  transition: all .3s;
}
.show-cover .navigation-trigger .navigation-line:nth-child(1) {
  transform: rotate(-45deg);
  top: 7px;
  opacity: 1;
}
.show-cover .navigation-trigger .navigation-line:nth-child(3) {
  transform: rotate(45deg);
  top: 7px;
  opacity: 1;
}
.show-cover .navigation-trigger .navigation-line:nth-child(2), 
.show-cover.navigation-trigger .navigation-line:nth-child(4) {
  background: 0;
}
.show-cover .navigation-trigger:hover .navigation-line04 {
  opacity: 0;
}

                                          /*按钮样式用于2个页面的按钮*/
